/* 強制修改圖標使用 rounded */

.material-icons,
.material-icons-round {
    font-family: "Material Icons Round" !important;
    font-size: 24px;
    text-align: center;
    width: 24px;
    height: 24px;
}

#app,
body,
.v-application {
    width: 100%;
    height: auto;
    font-family: "Noto Sans CKJ TC", "Noto Sans TC", "Noto Sans HK", "Noto Sans JP", "Noto Sans HK", "Noto Sans CKJ SC", "Microsoft YaHei", "sans-serif", "Helvetica", "Arial" !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: left;
    font-size: 14px;
    color: #383838;
    background: #eeeef0 !important;
    background-color: #eeeef0 !important;
    border-color: #eeeef0 !important;
    margin-top: 0px;
}


/* H1 */

.v-application .text-h1 {
    font-family: Noto Sans TC !important;
    font-style: normal !important;
    font-weight: bold !important;
    font-size: 61px !important;
    line-height: 120% !important;
}


/* H2 */

.v-application .text-h2 {
    font-family: Noto Sans TC !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 36px !important;
    line-height: 128.91% !important;
}


/* H3 */

.v-application .text-h3 {
    font-family: Noto Sans TC !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-size: 28px !important;
    line-height: 128.91% !important;
}


/* H4 */

.v-application .text-h4 {
    font-family: Noto Sans TC !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-size: 24px !important;
    line-height: 128.91% !important;
}


/* H5 */

.v-application .text-h5 {
    font-family: Noto Sans TC !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 20px !important;
    line-height: 128.91% !important;
}


/* H6 */

.v-application .text-h6 {
    font-family: Noto Sans TC !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 128.91% !important;
}


/* Subtitle-1 */

.v-application .text-subtitle-1 {
    font-family: Noto Sans TC !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 146.5% !important;
}


/* Subtitle-2 */

.v-application .text-subtile-2 {
    font-family: Noto Sans TC !important;
    font-style: normal !important;
    font-weight: bold !important;
    font-size: 14px !important;
    line-height: 125% !important;
}


/* Body-L */

.v-application .text-body-l {
    font-family: Noto Sans TC !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-size: 18px !important;
    line-height: 146.48% !important;
}


/* Body-M */

.v-application .text-body-m {
    font-family: Noto Sans TC !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-size: 16px !important;
    line-height: 146.48% !important;
}


/* Body-S */

.v-application .text-body-s {
    font-family: Noto Sans TC !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-size: 14px !important;
    line-height: 125% !important;
    letter-spacing: normal !important;
}


/* BUTTON */

.v-application .text-button {
    font-family: Noto Sans TC !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 125% !important;
    text-transform: none !important;
    letter-spacing: 0.0125em !important;
}


/* Label */

.v-application .text-label {
    font-family: Noto Sans TC !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    line-height: 128.91% !important;
}


/* Caption */

.v-application .text-caption {
    font-family: Noto Sans TC !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-size: 12px !important;
    line-height: 128.91% !important;
}


/* Tag */

.v-application .text-tag {
    font-family: Noto Sans TC !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-size: 11px !important;
    line-height: 100% !important;
}


/* Caption-XS */

.v-application .text-caption-xs {
    font-family: Noto Sans TC !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-size: 10px !important;
    line-height: 10px !important;
}


/* OVERLINE */

.v-application .text-overline {
    font-family: "Roboto" !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 12px !important;
    line-height: 128.91% !important;
    letter-spacing: 0.08em !important;
}


/* Shift-Word */

.v-application .text-shift-word {
    font-family: Noto Sans !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 12px !important;
    line-height: 90% !important;
    letter-spacing: normal !important;
}


/* table 内容字体样式 */

.table-title {
    font-size: 0.875rem !important;
    font-weight: normal !important;
    line-height: 1.2rem !important;
    letter-spacing: 0.0071428571em !important;
    max-width: 200px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer !important;
}

.table-subtitle {
    font-size: 0.75rem !important;
    font-weight: normal !important;
    line-height: 1.2rem !important;
    letter-spacing: 0.0071428571em !important;
    max-width: 200px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer !important;
    white-space: nowrap;
}


/* 强制修改 左侧导航*/


/* 兼容FireFox浏览器 */


/* 解决fire Fox 不支持/deep/选择器 */


/* 注意⚠️：修改时，需要同时修改 */


/* ************** */


/* ************** */

#app /deep/ .v-application--is-ltr .v-list-item__icon:first-child {
    margin-right: 2px !important;
}

#app .v-application--is-ltr .v-list-item__icon:first-child {
    margin-right: 2px !important;
}

#app /deep/ .v-application--is-ltr .v-list-group--no-action.v-list-group--sub-group>.v-list-group__items>.v-list-item {
    padding-left: 55px;
}

#app .v-application--is-ltr .v-list-group--no-action.v-list-group--sub-group>.v-list-group__items>.v-list-item {
    padding-left: 55px;
}

#app /deep/ .v-application--is-ltr .v-list-group--no-action>.v-list-group__items>.v-list-item {
    padding-left: 16px;
}

#app .v-application--is-ltr .v-list-group--no-action>.v-list-group__items>.v-list-item {
    padding-left: 16px;
}

#app /deep/ .v-application--is-ltr .v-list-group--sub-group .v-list-group__header {
    padding-left: 16px;
}

#app .v-application--is-ltr .v-list-group--sub-group .v-list-group__header {
    padding-left: 16px;
}


/* 强制修改 左侧导航*/


/* 强制修改分页样式start */

#app /deep/ .theme--light.v-pagination .v-pagination__navigation {
    background: transparent !important;
    box-shadow: none !important;
    height: 32px !important;
    /* //0.5em */
    width: 32px !important;
    margin: 0.5em 10px !important;
}

#app .theme--light.v-pagination .v-pagination__navigation {
    background: transparent !important;
    box-shadow: none !important;
    height: 32px !important;
    /* //0.5em */
    width: 32px !important;
    margin: 0.5em 10px !important;
}

#app /deep/ .theme--light.v-pagination .v-pagination__navigation .v-icon {
    font-size: 24px !important;
}

#app .theme--light.v-pagination .v-pagination__navigation .v-icon {
    font-size: 24px !important;
}

#app /deep/ .theme--light.v-pagination .v-pagination__item {
    min-width: 32px !important;
    /* 1.2em */
    width: 32px !important;
    /* 2em */
    margin: 0.1em !important;
    font-size: 0.9em !important;
    height: 32px !important;
    /* /2em */
    box-shadow: none !important;
}

#app .theme--light.v-pagination .v-pagination__item {
    min-width: 32px !important;
    /* 1.2em */
    width: 32px !important;
    /* 2em */
    margin: 0.1em !important;
    font-size: 0.9em !important;
    height: 32px !important;
    /* /2em */
    box-shadow: none !important;
}

#app .v-pagination__navigation--disabled {
    opacity: 1 !important;
}

#app .theme--light.v-pagination .v-pagination__item--active {
    color: rgba(0, 0, 0, 0.78) !important;
}


/* 强制修改分页样式end*/


/*  强制修改时间线样式 */

#app /deep/ .v-timeline-item__divider {
    min-width: 0px !important;
    /* margin-left: 12px; */
}

#app .v-timeline-item__divider {
    min-width: 0px !important;
    /* margin-left: 12px; */
}

#app /deep/ .v-timeline:not(.v-timeline--dense):not(.v-timeline--reverse) .v-timeline-item--after .v-timeline-item__body {
    max-width: calc(100% - 101px) !important;
    padding-left: 12px;
}

#app .v-timeline:not(.v-timeline--dense):not(.v-timeline--reverse) .v-timeline-item--after .v-timeline-item__body,
.v-timeline:not(.v-timeline--dense):not(.v-timeline--reverse) .v-timeline-item:nth-child(odd):not(.v-timeline-item--before) .v-timeline-item__body {
    max-width: calc(100% - 101px) !important;
    padding-left: 12px;
}

#app /deep/ .v-timeline-item__opposite {
    max-width: 100px !important;
    padding-right: 6px;
}

#app .v-timeline-item__opposite {
    max-width: 100px !important;
    padding-right: 6px;
}


/*  强制修改时间线样式 */


/* 强制修改下拉框样式 */

#app /deep/ .v-text-field--rounded>.v-input__control>.v-input__slot {
    padding: 0 12px !important;
}

#app .v-text-field--rounded>.v-input__control>.v-input__slot {
    padding: 0 12px !important;
}


/* 修改vuetify bug，禁止整行label点击 */

#app /deep/ .v-input--selection-controls .v-input__slot>.v-label {
    flex: 0 !important;
    min-width: 110px;
}

#app .v-input--selection-controls .v-input__slot>.v-label {
    flex: 0 !important;
    min-width: 110px;
}

#app .drag .v-input--selection-controls .v-input__slot>.v-label {
    flex: 1 !important;
    /* 动态列特殊 */
}


/* 强制修改tab内容背景 */

#app /deep/ .v-tabs-items {
    background: transparent !important;
    background-color: transparent !important;
}

#app .v-tabs-items {
    background: transparent !important;
    background-color: transparent !important;
}


/* 解决输入框显示字体不全 */

#app /deep/ .v-text-field input {
    line-height: inherit !important;
}

#app .v-text-field input {
    line-height: inherit !important;
}

.theme--light.v-select .v-select__selection--disabled {
    overflow: inherit !important;
}

.v-icon.notranslate.material-icons.theme--light {
    margin-left: 0px !important;
}


/* 强制修改选择框默认高度 */

#app /deep/ .v-text-field.v-text-field--solo.v-input--dense>.v-input__control {
    min-height: 32px !important;
}

.v-text-field.v-text-field--solo.v-input--dense>.v-input__control {
    min-height: 32px !important;
}


/* 强制修改禁用状态下的chip样式 */

#app /deep/ .v-chip--disabled {
    opacity: 1 !important;
}

.v-chip--disabled {
    opacity: 1 !important;
}

.theme--light.v-select .v-select__selection--disabled {
    color: rgba(0, 0, 0, 0.87) !important;
}

[role="button"] {
    cursor: text !important;
}


/* 强制修改tooltip样式 */

#app /deep/ .v-tooltip__content {
    background: rgba(0, 0, 0, 0.78) !important;
}

.v-tooltip__content {
    background: rgba(0, 0, 0, 0.78) !important;
}


/* #app /deep/ .ant-table-tbody > tr:hover,#app  .ant-table-tbody > tr:hover{
  background: #f5f5f5 !important;
} 
#app .ant-table-row:hover ,#app  .ant-table-row:hover {
  background: #f5f5f5 !important;
} */

.v-list-group .v-list-group__header .v-list-item__icon.v-list-group__header__append-icon .v-icon {
    font-size: 16px !important;
    color: rgba(0, 0, 0, 0.54) !important;
    width: 16px;
    height: 16px;
}

.v-input .v-label {
    line-height: 1 !important;
}

.v-list-item .v-list-item__subtitle,
.v-list-item .v-list-item__title {
    line-height: inherit !important;
}

.mrc_mainnav_container .v-toolbar__content {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}